<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:with="title='产品服务——' + ${iiProduct.name}">
    <th:block th:include="site/common::header(${title})" />
    <link rel="stylesheet" th:href="@{/site/css/share.min.css}">
</head>
<body>
    <!-- 头部 -->
    <th:block th:include="site/common::navigation" />
    <!-- 面包屑 -->
    <div class="breadcroumb-area ">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcroumb-title text-center">
                        <h1>产品详情</h1>
                        <h5>
                            <a href="/">首页</a><a href="/product">/产品</a>/产品详情
                        </h5>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--内容-->
    <div class="row">
        <div class="col-lg-8 col-md-10 col-10  m-auto">
            <div id="blog-page" class="blog-section section-padding">
                <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="single-blog-wrap">
                            <div class="product-info row" style="text-align: left">
                                <div class="product-logo col-lg-3">
                                    <img th:src="${iiProduct.logo}" style="height: 150px">
                                </div>
                                <div class="product-meta col-lg-9">
                                    <ul>
                                        <li><h3>[[*{iiProduct.name}]]</h3></li>
                                        <li><h4>[[*{iiProduct.company}]]</h4></li>
                                        <li><a th:href="${iiProduct.site}" target="_blank">[[*{iiProduct.site}]]</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="content mt-5" th:utext="${iiProduct.content}"></div>
                        </div>
                        <div class="social-share"></div>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <th:block th:include="site/common::footer" />
</body>
<th:block th:include="site/common::js" />
<script th:src="@{/site/js/share.min.js}"></script>
</html>